﻿@charset "utf-8";
/* CSS Document */

/* ================= Body  ================= */
body
{
	margin: 0;
	background:url(../images/background-LogIn.jpg) no-repeat center 87px;
	background-color: #525252;
	background-color: #525252\9;
	padding: 0;
	font-family:Arial;
	height:100%;
	min-height:530px;
	/*position:relative;*/
}


#wrapper #loginbody
{
    height:auto;
}


#wrapper {
/*position:relative;
margin:0 auto;*/
height:auto;
min-height:100%;



}

/* ================= Header ================= */


#wrapper #loginheader {
	/*height: 121px;*/
	height: 82px;
	background:url(../images/headerBG-login.jpg);
	color: #FFFFFF;
	text-align: center;
	margin-top:0px;
	padding-top:16px;
}

#wrapper #loginheader #headerlogo 
{    
    margin: auto;
    width:219px;
    background:url(../images/ClientLogo-Login.png) no-repeat  !important;
    height:66px;
    background-position:0  bottom;
    
 }


#wrapper #loginbody #errordiv {
	margin: 70px auto 10px auto;
	height: 20px;
	width: 500px;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	text-align:center;
}

/* =================Contetnt ================= */

/*
#wrapper #loginbody #transparentbox
{
	width:400px;
	height: 240px;
	border:1px ridge #CCCCCC;
	margin: 0 auto;
	-moz-border-radius:10px;
	border-radius:10px;
	padding-top:1px;
}*/

#wrapper #loginbody #whiteboxheader 
{
    
	background-image:url("../Images/loginbox-header.png");
	height: 43px;
	width:341px;
	margin:  auto auto -10px auto;
	
}

#wrapper #loginbody #transparentbox #whitebox {
	margin: 30px 30px auto 30px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius:  0px 0px 10px 10px;
	background:#FFF;
	height: 150px;
	width:341px;
	margin: 0 auto;
	
}

 #whitebox #inputfields .labelusernamediv {
	margin: 10px 0px 0px 10px;
	background:#EAEAEA;
	border: 1px solid #999999;
	float:left;
	height:30px;
	width:98px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	padding-top:12px;
	margin-right:auto;
	border-bottom:none;
}
 #whitebox #inputfields .labelpassworddiv {
	margin: 0px 0px 10px 10px;
	background:#EAEAEA;
	border: 1px solid #999999; 	
	float:left;
	height:30px;
	width:98px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	padding-top:12px;
	margin-right:auto;
}

/* ================= Input field ================= */

 #whitebox #inputfields .txtusernamediv {
	margin: 10px 10px 0px 0px;
	float:right;
	height:42px;
	width:219px;
	width:220px\9;
	border: 1px solid #999999;
	border-left:0px none;
	border-right:auto;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	margin-left:auto;
	border-bottom:none;
}
 #whitebox #inputfields .txtpassworddiv {
	margin: 0px 10px 10px 0px;
	float:right;
	height:42px;
	width:219px;
	width:220px\9;
	border: 1px solid #999999;
	border-left:0px none;
	 
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	vertical-align:middle;
	margin-left:auto;
}

 
 #transparentbox #whitebox #inputFoot #remembermediv {
	float:left;
	font-size:12px;
	color:#656565;
	margin-top:6px;
}

#transparentbox #supportDiv {
	margin: 20px auto 30px auto;
	font-size: 9px;
	text-align: center;
	font-family: Arial;
	color: #FFFFFF;
	font: Arial;
	
}


/* ================= Fotter ================= */

#transparentbox #whitebox #inputFoot {
	margin: 10px 10px 10px 10px;
}
 #whitebox #inputFoot #loginbuttondiv {
	float:right;
}

 

#footer
{
    /*margin-top: -60px;*/
    /*text-align:center;    
    left:0px;
    vertical-align:bottom;
    page-break-before:always;   */

    bottom:0px;
    position: absolute;
    background-image:url("../Images/footer-login.png");
    background-repeat:repeat-x;
    background-position: bottom;
    clear:both;
    width:100%;
    height:60px;    
    text-align:center; 
    font-size:11px; 
    line-height:60px;
    color:#474747;
    overflow: hidden;
}

#footer a
{
    text-decoration:none;
    color:#013e75;
}

#footer a:visited
{    
    text-decoration:none;
    color:#013e75;
}

#footer a:hover
{
   text-decoration:underline;
   color:#001E3A;
}


#productName
{
    /*  float:left;padding-left:20px;
    background-image:url("../Images/productName.png");
    width:90px;   
    background-position: bottom;
    clear: both;
    height: 50px;
    text-align: center;  
    overflow: hidden;*/
        float:left;
    background-image:url("../Images/productName.png");
    width:112px;      
    clear: both;
    height: 35px;
    display:block;
    background-repeat:no-repeat;
    margin-top:13px; 
    margin-left:10px;     
}

#copyrightContainer
{
    width: 170px; float: right;
}

#copyrightText
{
    float:left;
    font-size:12px;
    font-weight:bold;
   /*padding-right:20px;*/
}


 #companyName
{
    float:right; 
    background-image:url("../Images/companyName.jpg");  
    height:41px;width:88px;
    text-align: center;  
    background-repeat:no-repeat;  
    display:block;
    margin-top:13px; 
    margin-right:30px;
}

.bordernone
{
    
border:none; position:relative; vertical-align:middle; width:194px; margin:10px 10px; font-weight:bold; color:Gray    
    }
    
    #loginbtn
    {
        margin-right: 0px;
        onmouseover="this.style.cursor='hand';
        }

#clear{
    clear:both;
    
}

/****************************** Button **************************************/
.button {
    color: #fff;
    font: bold 15px"Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 4px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 -1px 0 #040404;
    -webkit-transition: border-color .219s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #2b2b2b;
    background: -webkit-gradient(linear,0% 30%,0% 100%,from(#434343),to(#141414));
    background: -moz-linear-gradient(linear,0% 30%,0% 100%,from(#434343),to(#141414));
    border: solid 1px #2f2f2f;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
.button:active {
    color: #000;
}

.centreUNP {
    vertical-align:middle;
}

/****** customer code  ******/
.button:hover{
     background: #3b7ee5!important;
    background: -moz-linear-gradient(top, #3b7ee5 0%, #0a3474 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b7ee5), color-stop(100%, #0a3474))!important;
    background: -webkit-linear-gradient(top, #3b7ee5 0%, #0a3474 100%)!important;
    background: -o-linear-gradient(top, #3b7ee5 0%, #0a3474 100%)!important;
    background: -ms-linear-gradient(top, #3b7ee5 0%, #0a3474 100%)!important;
    background: linear-gradient(top, #3b7ee5 0%, #0a3474 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b7ee5', endColorstr='#0a3474')!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b7ee5', endColorstr='#0a3474')"!important;
    border:1px solid #3277e0!important;
}
#wrapper #loginbody #errordiv{
	color:#002564;
}

    